HTML (HyperText Markup Language)
The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in web browser. It can be assisted by technologies such as "Cascading Style Sheets (CSS)" and scripting languages such as "JavaScript".
Basic HTML Tags
HTML
Syntax : <html>
Description : It tells browser that , this is html document.
Example : <html> ...</html>
Head
Syntax : <head>
Description : Supplementary information about documents , displayed in title box.
Example : <html><head> ...</head></html>
Title
Syntax : <title>
Description : Name of the HTML document in browser.
Example : <title> simple html tags </title>
Body
Syntax : <body>
Description : It contains content needed to render page.
Example : <body><p>Welcome to Web Technology</p></body>
Horizontal Rule
Syntax : <hr>
Description : It inserts horizontal rule or bar across screen . It has no end tag.
Example : <p> Welcome to Web Technology </p> <hr><p>hai</p>
Paragraph
Syntax : <p>
Description : It indicates or paragraph of text.
Example : <p> Welcome to Web Technology </p>
Header
Syntax : <h1>
Description : Head Pair creates head line includes <h1> , <h2> , <h3> , <h4> , <h5> , <h6>.
Example : <h1> Welcome to Web Technology </h1>
Break
Syntax : <br>
Description : It includes new line character. It has no ending.
Example : <p> hello </p><br><p> world</p>
Bold
Syntax : <b>
Description : Display the text in bold.
Example : <p><b> Welcome to Web Technology </b></p>
Italics
Syntax : <i>
Description : Display the text in italics.
Example : <p><i> Welcome to Web Technology </i></p>
Strong
Syntax : <strong>
Description : Display the text with some important.
Example : <p><strong> Welcome to Web Technology </strong></p>
Big
Syntax : <big>
Description : It increases the font of text.
Example : <big> Welcome to Web Technology </big>
Small
Syntax : <small>
Description : It makes the text in smaller size.
Example : <small> Welcome to Web Technology </small>
Strike
Syntax : <strike> or <s>
Description : The text within the tag is stroked out.
Example : <s> Welcome to Web Technology </s>
Image
Syntax : <img src=" ">
Description : This tag is used to load the image in website.
Example : <img src = "picture.png">
Blockquote
Syntax : <blockquote>
Description : It enclose large block quotation for text.
Example : <blockquote> Welcome to Web Technology </blockquote>
List
Syntax : <li>
Description : This list item will be included.
Example : <li> Web Technology </li>
Unordered List
Syntax : <ul>
Description : It define list in which ordering in specific.
Example : <ul><li> Web </li><li> Technology </li></ul>
Ordered List
Syntax : <ol>
Description : It define list with numbers , Arabic , letters or roman numbers .
Example : <ol><li> Web </li><li> Technology </li></ol>
Text
Syntax : <tt>
Description : Display the text in which like text of type writer(mono spaced).
Example : <tt> Web Technology </tt>
Underline
Syntax : <u>
Description : It is used to underline the text.
Example : <u> Web Technology </u>
Syntax : <sub>
Description : Display the subscript of the text .
Example : <sub> Web Technology </sub>
Superscript
Syntax : <sup>
Description : Display the superscript of the text.
Example : <sup> Web Technology </sup>
Command
Syntax : <!...!>
Description : It is used to write commands.
Example : <! This is link !>
Abbreviation
Syntax : <abbr>
Description : It is used to write abbreviations which are not displayed.
Example : <abbr title ="Web Technology"> WT </abbr>
Acronyms
Syntax : <acronyms>
Description : It is used to set acronyms.
Example : <acronyms title ="Web Technology"> WT </acronyms>
Bigger
Syntax : <big>
Description : It increases the font of text.
Example : <big> Welcome to Web Technology </big>
Cite
Syntax : <cite>
Example : <p><cite> Welcome to Web Technology </cite></p>
Center
Syntax : <center>
Description : Align the text at center.
Example : <p><center> Welcome to World </center></p>
Button
Syntax : <button>
Description : Defines clickable button we can use text/button.
Example : <p><button> OK </button></p>
Syntax : <col group>
Description : It is used to apply styles for column.
Example : <p><col group> Column Group </col group></p>
Delete
Syntax : <del>
Description : Define the text that has been deleted.
Example : <p> I like <del> blue </del></p>
Insert
Syntax : <insert>
Description : It mark up updates and modifications.
Example : <p> I like <ins> blue </ins></p>
Font
Syntax : <font size = " " color = " " >
Description : Defines font size and color of text.
Example : <p> <font size = "23" color = "orange"> I like <ins> blue </ins></p>
Description List and Term
Syntax : <dl> <dt>
Description : It defines a description list. It defines term/name in description list.
Example : <p> <dl> <dt>coffee</dt> <dt>Tea</dt> </dl> </p>
Syntax : <mark>
Description : It is used to define a marked list.
Example : <p><mark> Hello World </mark> </p>
Syntax : <time>
Description: Define a time or date in Gregorian Calendar.
Example : <p>New Time is<time> 6:00 </time> </p>
Quotation
Syntax : <q>
Description: Define a short quotation.
Example : <p><q> Hello , World </q> </p>
Blink
Syntax : <blink>
Description: It causes element to flash slowly.
Example : <p><blink>Welcome </blink> </p>
Marquee
Syntax : <marquee>
Description : It is used to display text in rolling manner.
Example : <p><marquee>Welcome </marquee> </p>
Hyperlink
Syntax :<a href=" ">
Description : Defines a hyperlink used to link a page to another page.
Example : <p><a href ="www.gool.com"> This is link. </a> </p>
Input Field
Syntax :<input type =" " value = " ">
Description : Defines input field where user can either data within form.
Example : <p><form> <input type = "button" value = "OK"> </form> </p>
Syntax: <div>
Description : Defines a division or section in document.Example : <p><div style = "color: blue"></div></p>
Syntax: <link>
Description : Defines a division or section in document.Example : <p><link rel= "stylesheet" type="text/css" href="style.css"></p>
Syntax: <table>
Description : Used to define table. It consist of <tr> , <th> , <td> , <caption>Example : <p><table><caption>Student</caption>
 |
| Basic HTML Tags Result |
 |
| Basic HTML Tags Result |
 |
| Basic HTML Tags Result |
"Basic HTML Tags" easy for beginners to learn .
No comments:
Post a Comment